<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- 引入 jQuery Mobile 样式 -->
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">

    <!-- 引入 jQuery 库 -->
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

    <!-- 引入 jQuery Mobile 库 -->
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
    <title>晚报管理后台</title>
</head>
<body>
    <div data-role="page" id="pageone">
        <div data-role="header">
            <h1>后台</h1>
        </div>

        <div data-role="main" class="ui-content">
            <h2>晚报情况（[[${today}]]）</h2>
            <h4>--异常（人数：[[${yichang.size()}]]）</h4>
            <table width="100%" data-role="table" data-mode="columntoggle"  data-column-btn-text="显示" class="ui-body-d ui-shadow table-stripe ui-responsive">
                <thead>
                <tr>
                    <th data-priority="1" style='text-align: left;vertical-align:middle;'>姓名</th>
                    <th data-priority="1" style='text-align: left;vertical-align:middle;'>在校</th>
                    <th data-priority="1" style='text-align: left;vertical-align:middle;'>身体</th>
                    <th data-priority="2" style='text-align: left;vertical-align:middle;'>其他</th>
                    <th data-priority="3" style='text-align: left;vertical-align:middle;'>填报时间</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="info,infoStat : ${yichang}" >
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.name}"></td>
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.isSushe}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.physics}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.otherInfo}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.createTime}"></td>
                </tr>
                </tbody>
            </table>
            <p></p>
            <h4>--未晚报情况（人数：[[${nonight.size()}]]）</h4>
            <table width="100%" data-role="table" data-mode="columntoggle"  data-column-btn-text="显示" class="ui-body-d ui-shadow table-stripe ui-responsive">
                <thead>
                    <tr>
                        <th data-priority="1" style='text-align: left;vertical-align:middle;'>姓名</th>
                        <th data-priority="2" style='text-align: left;vertical-align:middle;'>宿舍号</th>
                        <th data-priority="3" style='text-align: left;vertical-align:middle;'>电话</th>
                    </tr>
                </thead>
                <tbody>
                <tr th:each="info,infoStat : ${nonight}" >
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.studentName}"></td>
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.susheNum}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.phone}"></td>
                </tr>
                </tbody>
            </table>
            <p></p>
            <h4>--已晚报情况（人数：[[${night.size()}]]）</h4>
            <table width="100%" data-role="table" data-mode="columntoggle"  data-column-btn-text="显示" class="ui-body-d ui-shadow table-stripe ui-responsive">
                <thead>
                <tr>
                    <th data-priority="1" style='text-align: left;vertical-align:middle;'>姓名</th>
                    <th data-priority="2" style='text-align: left;vertical-align:middle;'>在校</th>
                    <th data-priority="3" style='text-align: left;vertical-align:middle;'>身体</th>
                    <th data-priority="4" style='text-align: left;vertical-align:middle;'>其他</th>
                    <th data-priority="5" style='text-align: left;vertical-align:middle;'>填报时间</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="info,infoStat : ${night}" >
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.name}"></td>
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.isSushe}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.physics}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.otherInfo}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.createTime}"></td>
                </tr>
                </tbody>
            </table>
            <p></p>
            <h4>--所有人员信息（人数：[[${members.size()}]]）</h4>
            <table width="100%" data-role="table" data-mode="columntoggle"  data-column-btn-text="显示" class="ui-body-d ui-shadow table-stripe ui-responsive">
                <thead>
                <tr>
                    <th data-priority="1" style='text-align: left;vertical-align:middle;'>姓名</th>
                    <th data-priority="4" style='text-align: left;vertical-align:middle;'>班级</th>
                    <th data-priority="1" style='text-align: left;vertical-align:middle;'>宿舍号</th>
                    <th data-priority="1" style='text-align: left;vertical-align:middle;'>电话</th>
                    <th data-priority="2" style='text-align: left;vertical-align:middle;'>性别</th>
                    <th data-priority="3" style='text-align: left;vertical-align:middle;'>留校原因</th>
                </tr>
                </thead>
                <tbody>
                <tr th:each="info,infoStat : ${members}" >
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.studentName}"></td>
                    <td style='text-align: left;vertical-align:middle;' th:text="${info.studentClass}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.susheNum}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.phone}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.sex}"></td>
                    <td style='text-align: left;vertical-align:middle;'  th:text="${info.category}"></td>
                </tr>
                </tbody>
            </table>
<!--            <table data-role="table"  class="ui-responsive" id="myTable">-->
<!--                <thead>-->
<!--                <tr>-->
<!--                    <th>ID</th>-->
<!--                    <th>邮箱</th>-->
<!--                    <th>状态</th>-->
<!--                    <th>加入时间</th>-->
<!--                    <th>发送时间</th>-->
<!--                </tr>-->
<!--                </thead>-->
<!--                <tr  th:each="info,infoStat : ${users}" >-->
<!--                    <td th:text="${infoStat.index}"></td>-->
<!--                    <td th:text="${info.useremail}"></td>-->
<!--                    <td th:text="${info.status}"></td>-->
<!--                    <td th:text="${info.createTime}"></td>-->
<!--                    <td th:text="${info.sendTime}"></td>-->
<!--                </tr>-->
<!--            </table>-->
        </div>
    </div>
</body>
</html>